<!DOCTYPE html>
<html>
<head>
  <%- include('./common/header') %>
</head>
<body>
<div class="wrap">
  <!-- -------------------------layout------------------------- -->
  <div id="J-zsls">
    <div class="layout-left" id="J-layoutLeft">
        <div class="logo">
            <span></span><div class="virtual"></div>
        </div>
        <ul class="menu">
            <li v-for="(item, index) in userLayout" v-if="item.name">
                <h5 v-bind:class="[item.iconClass, item.isShow ? 'active' : '']" @click="triggerItem({index})" :title=item.name>
                    <a href="javascript:void(0)">{{item.name}}</a>
                    <i :class="{'ivu-icon ivu-icon-ios-arrow-up' : item.isShow}"></i>
                </h5>
                <ul class="menu-sub" v-show="item.isShow">
                    <li v-for="ele in item.subList">
                <h5  :title="ele.name">
                <router-link :to="ele.path">{{ele.name}}</router-link>
                </h5>
            </li>
                </ul>
            </li>
        </ul>
    </div>
    <!-- ----------------------content start---------------------------- -->

    <div class="content">
        <!-- banner -->
        <div class="layout-banner">
            <ul class="left">
              <li><a href="javascript:void(0)" class="kuaijie">快捷操作<em></em></a></li>
              <li><a href="javascript:void(0)" class="qiehuan">用户切换<em></em></a></li>
              <li><input placeholder="请输入关键词"/><em class="icon-search"></em></li>
            </ul>
            <ul class="right">
              <li>
                <span>
                    <em class="task"></em>
                    <em><a href="javascript:void(0)">新任务<i>ii</i></a></em>
                </span>
              </li>
              <li>
                <span>
                    <em class="news"></em>
                    <em><a href="javascript:void(0)">新消息<i>ii</i></a></em>
                </span>
              </li>
              <li>
                <span>
                    <em class="help"></em>
                    <em><a href="javascript:void(0)">帮助中心<i>ii</i></a></em>
                </span>
              </li>
              <li>
                <span>
                    <em class="Whyy"></em>
                    <em><a href="javascript:void(0)">Whyy<i>ii</i></a></em>
                </span>
              </li>
            </ul>
        </div>

        <!-- core container -->
        <div class="core-container">
            <router-view></router-view>
        </div>
      <!-- ----------------------content end---------------------------- -->
    </div>
  </div>
</div>
<!----------------- footer ------------>
<%- include('./common/footer') %>
</body>
</html>
